<template>
    <div>
        <el-card>
            <el-button class="el-icon-arrow-left" type="text" @click="back">返回联系人列表</el-button>
            <div style="height: 300px">
                <el-steps direction="vertical">
                    <el-step title="去电商平台购买应用">
                        <div>123</div>
                    </el-step>
                    <el-step title="联系客服授权"></el-step>
                    <el-step title="绑定店铺"></el-step>
                </el-steps>
            </div>
            <div>
                <el-button @click="newPage">前往购买</el-button>
            </div>
            <div>
                <el-input v-model="name" placeholder="请输入掌柜旺旺账号" maxlength="40" show-word-limit
                    style="width: 350px"/>&nbsp;&nbsp;&nbsp;<el-button @click="submit">绑定</el-button>
            </div>
        </el-card>
    </div>
</template>

<script>
export default {
    name: "shopAdd",
    data() {
        return {
            name: '',
        }
    },
    methods:{
        back() {
            this.$emit("currentHandler", "list")
        },
        newPage() {
            window.location.href = 'http://www.taobao.com';
        },
        submit() {
            this.$message({
                message: '绑定淘宝店铺成功',
                type: 'success'
            })
            this.back()
        }
    }
}
</script>

<style scoped>

</style>